<script setup></script>

<template>
  <router-view />
  
</template>

<style>
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden; /* 禁止全局滚动 */
  cursor: url('http://117.72.17.45:5500/data/icons/mouse.png') 8 8, auto; /* 自定义鼠标光标，缩小2倍 */
}
#app {
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: url('http://117.72.17.45:5500/data/icons/mouse.png') 8 8, auto; /* 自定义鼠标光标，缩小2倍 */
}

/* 确保所有元素都使用自定义光标 */
* {
  cursor: url('http://117.72.17.45:5500/data/icons/mouse.png') 8 8, auto;
}

/* 特殊状态的光标 - 使用 !important 确保优先级 */
a, a:hover, 
button, button:hover, 
.clickable, .clickable:hover,
input[type="button"], input[type="button"]:hover,
input[type="submit"], input[type="submit"]:hover,
input[type="reset"], input[type="reset"]:hover {
  cursor: url('http://117.72.17.45:5500/data/icons/mouse.png') 8 8, auto !important;
}

/* 输入框的光标 */
input, input:hover, input:focus,
textarea, textarea:hover, textarea:focus {
  cursor: url('http://117.72.17.45:5500/data/icons/mouse.png') 8 8, text !important;
}

/* 禁用状态的光标 */
.disabled, .disabled:hover,
[disabled], [disabled]:hover {
  cursor: url('http://117.72.17.45:5500/data/icons/mouse.png') 8 8, not-allowed !important;
}

/* 确保所有可点击元素都使用自定义光标 */
div[onclick], span[onclick], p[onclick],
.clickable, .btn, .button {
  cursor: url('http://117.72.17.45:5500/data/icons/mouse.png') 8 8, auto !important;
}

/* 覆盖任何可能的内联样式 */
*[style*="cursor"] {
  cursor: url('http://117.72.17.45:5500/data/icons/mouse.png') 8 8, auto !important;
}

/* 创建自定义光标容器 */
.custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-image: url('http://117.72.17.45:5500/data/icons/mouse.png');
  background-size: 32px 32px;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  display: none;
}

/* 隐藏默认光标 */
body.custom-cursor-active {
  cursor: none;
}

body.custom-cursor-active * {
  cursor: none;
}
</style>
